<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="scss">
.el-message {
  min-width: 350px;
}
.el-popper {
  margin-top: 0 !important;
}
html,
body,
#app {
  height: 100%;
}
.el-message{
  z-index: 9999 !important;
}
.my-btn {
  /deep/ .el-button {
    background-color: rgba(118, 212, 206, 1);
    border-color: rgba(118, 212, 206, 1);
    padding: 10px 30px;
    color: #fff;
    width: 150px;
  }
  /deep/ .el-button:active {
    background-color: rgb(15, 184, 172);
  }
  .not {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
  }
}
.el-popover {
  .el-popconfirm__main {
    white-space: pre;
  }
  .el-popconfirm__action {
    text-align: center;
    .el-button--primary {
      background-color: #00baad;
      border-color: #00baad;
    }
    .el-button--default:focus,
    .el-button--default:hover {
      color: #76d4ce;
      border-color: #76d4ce;
      background-color: #ecf5ff;
    }
  }
}
.el-select .el-input__inner:focus {
  border-color: #00baad;
}
.el-input__inner:focus {
  border-color: #00baad;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #00baad;
}
.el-message {
  top: 15% !important;
}
.el-upload--picture-card:hover,
.el-upload:focus {
  border-color: #00baad;
  color: #00baad;
}
.btn-foot {
  /deep/ .el-button {
    width: 150px;
  }
  /deep/ .el-button--default:active {
    color: #76d4ce;
    border-color: #76d4ce;
    background-color: #ccf7f4;
    outline: 0;
  }
  /deep/ .el-button--default:hover,
  .el-button--default:focus {
    color: #76d4ce;
    border-color: #aaddda;
  }
  /deep/ .el-button--primary {
    background-color: #76d4ce;
    border-color: #76d4ce;
  }
  /deep/ .el-button--primary.is-active,
  .el-button--primary:active {
    background-color: #58b6b0;
    border-color: #58b6b0;
  }
}
.el-submenu__title{
  height: 40px;
  line-height: 40px;
}
.el-loading-spinner i,.el-loading-spinner .el-loading-text{
  color:#5bc6bb ;
}
</style>
